<%- include('layouts/admin_head',{title:'Category'}); %>
<body>
  <script>NProgress.start()</script>

  <div class="main">
    <%- include('layouts/admin_navbar'); %>
    <div class="container-fluid">
      <div class="page-title">
        <h1>分类目录</h1>
      </div>
      <!-- 有错误信息时展示 -->
      <!-- <div class="alert alert-danger">
        <strong>错误！</strong>发生XXX错误
      </div> -->
      <div class="row">
        <div class="col-md-4">
          <form id="form">
            <h2>添加新分类目录</h2>
            <div class="form-group">
              <label for="name">名称</label>
              <input id="name" class="form-control" name="name" type="text" placeholder="分类名称">
            </div>
            <div class="form-group">
              <label for="slug">别名</label>
              <input id="slug" class="form-control" name="slug" type="text" placeholder="slug">
              <p class="help-block">https://zce.me/category/<strong>slug</strong></p>
            </div>
            <div class="form-group">
              <label for="slug">图标</label>
              <input id="classname" name="classname" type="hidden" value="fa-glass">
              <div class="icons">
                <span class="fa fa-glass"></span>
                <div class="icons-contain">
                  <i class="closeBut fa fa-times"></i>
                  <div class="handle">请选择一个图标</div>
                  <div class="icons-outer">
                    <div class="icons-inner"><span class="fa fa-glass"></span><span class="fa fa-music"></span><span
                        class="fa fa-search"></span><span class="fa fa-envelope-o"></span><span
                        class="fa fa-heart"></span><span class="fa fa-star"></span><span
                        class="fa fa-star-o"></span><span class="fa fa-user"></span><span
                        class="fa fa-film"></span><span class="fa fa-th-large"></span><span
                        class="fa fa-th"></span><span class="fa fa-th-list"></span><span
                        class="fa fa-check"></span><span class="fa fa-times"></span><span
                        class="fa fa-search-plus"></span><span class="fa fa-search-minus"></span><span
                        class="fa fa-power-off"></span><span class="fa fa-signal"></span><span
                        class="fa fa-cog"></span><span class="fa fa-trash-o"></span><span
                        class="fa fa-home"></span><span class="fa fa-file-o"></span><span
                        class="fa fa-clock-o"></span><span class="fa fa-road"></span><span
                        class="fa fa-download"></span><span class="fa fa-arrow-circle-o-down"></span><span
                        class="fa fa-arrow-circle-o-up"></span><span class="fa fa-inbox"></span><span
                        class="fa fa-play-circle-o"></span><span class="fa fa-repeat"></span><span
                        class="fa fa-refresh"></span><span class="fa fa-list-alt"></span><span
                        class="fa fa-lock"></span><span class="fa fa-flag"></span><span
                        class="fa fa-headphones"></span><span class="fa fa-volume-off"></span><span
                        class="fa fa-volume-down"></span><span class="fa fa-volume-up"></span><span
                        class="fa fa-qrcode"></span><span class="fa fa-barcode"></span><span
                        class="fa fa-tag"></span><span class="fa fa-tags"></span><span class="fa fa-book"></span><span
                        class="fa fa-bookmark"></span><span class="fa fa-print"></span><span
                        class="fa fa-camera"></span><span class="fa fa-font"></span><span
                        class="fa fa-bold"></span><span class="fa fa-italic"></span><span
                        class="fa fa-text-height"></span><span class="fa fa-text-width"></span><span
                        class="fa fa-align-left"></span><span class="fa fa-align-center"></span><span
                        class="fa fa-align-right"></span><span class="fa fa-align-justify"></span><span
                        class="fa fa-list"></span><span class="fa fa-outdent"></span><span
                        class="fa fa-indent"></span><span class="fa fa-video-camera"></span><span
                        class="fa fa-picture-o"></span><span class="fa fa-pencil"></span><span
                        class="fa fa-map-marker"></span><span class="fa fa-adjust"></span><span
                        class="fa fa-tint"></span><span class="fa fa-pencil-square-o"></span><span
                        class="fa fa-share-square-o"></span><span class="fa fa-check-square-o"></span><span
                        class="fa fa-arrows"></span><span class="fa fa-step-backward"></span><span
                        class="fa fa-fast-backward"></span><span class="fa fa-backward"></span><span
                        class="fa fa-play"></span><span class="fa fa-pause"></span><span class="fa fa-stop"></span><span
                        class="fa fa-forward"></span><span class="fa fa-fast-forward"></span><span
                        class="fa fa-step-forward"></span><span class="fa fa-eject"></span><span
                        class="fa fa-chevron-left"></span><span class="fa fa-chevron-right"></span><span
                        class="fa fa-plus-circle"></span><span class="fa fa-minus-circle"></span><span
                        class="fa fa-times-circle"></span><span class="fa fa-check-circle"></span><span
                        class="fa fa-question-circle"></span><span class="fa fa-info-circle"></span><span
                        class="fa fa-crosshairs"></span><span class="fa fa-times-circle-o"></span><span
                        class="fa fa-check-circle-o"></span><span class="fa fa-ban"></span><span
                        class="fa fa-arrow-left"></span><span class="fa fa-arrow-right"></span><span
                        class="fa fa-arrow-up"></span><span class="fa fa-arrow-down"></span><span
                        class="fa fa-share"></span><span class="fa fa-expand"></span><span
                        class="fa fa-compress"></span><span class="fa fa-plus"></span><span
                        class="fa fa-minus"></span><span class="fa fa-asterisk"></span><span
                        class="fa fa-exclamation-circle"></span><span class="fa fa-gift"></span><span
                        class="fa fa-leaf"></span><span class="fa fa-fire"></span><span class="fa fa-eye"></span><span
                        class="fa fa-eye-slash"></span><span class="fa fa-exclamation-triangle"></span><span
                        class="fa fa-plane"></span><span class="fa fa-calendar"></span><span
                        class="fa fa-random"></span><span class="fa fa-comment"></span><span
                        class="fa fa-magnet"></span><span class="fa fa-chevron-up"></span><span
                        class="fa fa-chevron-down"></span><span class="fa fa-retweet"></span><span
                        class="fa fa-shopping-cart"></span><span class="fa fa-folder"></span><span
                        class="fa fa-folder-open"></span><span class="fa fa-arrows-v"></span><span
                        class="fa fa-arrows-h"></span><span class="fa fa-bar-chart"></span><span
                        class="fa fa-twitter-square"></span><span class="fa fa-facebook-square"></span><span
                        class="fa fa-camera-retro"></span><span class="fa fa-key"></span><span
                        class="fa fa-cogs"></span><span class="fa fa-comments"></span><span
                        class="fa fa-thumbs-o-up"></span><span class="fa fa-thumbs-o-down"></span><span
                        class="fa fa-star-half"></span><span class="fa fa-heart-o"></span><span
                        class="fa fa-sign-out"></span><span class="fa fa-linkedin-square"></span><span
                        class="fa fa-thumb-tack"></span><span class="fa fa-external-link"></span><span
                        class="fa fa-sign-in"></span><span class="fa fa-trophy"></span><span
                        class="fa fa-github-square"></span><span class="fa fa-upload"></span><span
                        class="fa fa-lemon-o"></span><span class="fa fa-phone"></span><span
                        class="fa fa-square-o"></span><span class="fa fa-bookmark-o"></span><span
                        class="fa fa-phone-square"></span><span class="fa fa-twitter"></span><span
                        class="fa fa-facebook"></span><span class="fa fa-github"></span><span
                        class="fa fa-unlock"></span><span class="fa fa-credit-card"></span><span
                        class="fa fa-rss"></span><span class="fa fa-hdd-o"></span><span
                        class="fa fa-bullhorn"></span><span class="fa fa-bell"></span><span
                        class="fa fa-certificate"></span><span class="fa fa-hand-o-right"></span><span
                        class="fa fa-hand-o-left"></span><span class="fa fa-hand-o-up"></span><span
                        class="fa fa-hand-o-down"></span><span class="fa fa-arrow-circle-left"></span><span
                        class="fa fa-arrow-circle-right"></span><span class="fa fa-arrow-circle-up"></span><span
                        class="fa fa-arrow-circle-down"></span><span class="fa fa-globe"></span><span
                        class="fa fa-wrench"></span><span class="fa fa-tasks"></span><span
                        class="fa fa-filter"></span><span class="fa fa-briefcase"></span><span
                        class="fa fa-arrows-alt"></span><span class="fa fa-users"></span><span
                        class="fa fa-link"></span><span class="fa fa-cloud"></span><span
                        class="fa fa-flask"></span><span class="fa fa-scissors"></span><span
                        class="fa fa-files-o"></span><span class="fa fa-paperclip"></span><span
                        class="fa fa-floppy-o"></span><span class="fa fa-square"></span><span
                        class="fa fa-bars"></span><span class="fa fa-list-ul"></span><span
                        class="fa fa-list-ol"></span><span class="fa fa-strikethrough"></span><span
                        class="fa fa-underline"></span><span class="fa fa-table"></span><span
                        class="fa fa-magic"></span><span class="fa fa-truck"></span><span
                        class="fa fa-pinterest"></span><span class="fa fa-pinterest-square"></span><span
                        class="fa fa-google-plus-square"></span><span class="fa fa-google-plus"></span><span
                        class="fa fa-money"></span><span class="fa fa-caret-down"></span><span
                        class="fa fa-caret-up"></span><span class="fa fa-caret-left"></span><span
                        class="fa fa-caret-right"></span><span class="fa fa-columns"></span><span
                        class="fa fa-sort"></span><span class="fa fa-sort-desc"></span><span
                        class="fa fa-sort-asc"></span><span class="fa fa-envelope"></span><span
                        class="fa fa-linkedin"></span><span class="fa fa-undo"></span><span
                        class="fa fa-gavel"></span><span class="fa fa-tachometer"></span><span
                        class="fa fa-comment-o"></span><span class="fa fa-comments-o"></span><span
                        class="fa fa-bolt"></span><span class="fa fa-sitemap"></span><span
                        class="fa fa-umbrella"></span><span class="fa fa-clipboard"></span><span
                        class="fa fa-lightbulb-o"></span><span class="fa fa-exchange"></span><span
                        class="fa fa-cloud-download"></span><span class="fa fa-cloud-upload"></span><span
                        class="fa fa-user-md"></span><span class="fa fa-stethoscope"></span><span
                        class="fa fa-suitcase"></span><span class="fa fa-bell-o"></span><span
                        class="fa fa-coffee"></span><span class="fa fa-cutlery"></span><span
                        class="fa fa-file-text-o"></span><span class="fa fa-building-o"></span><span
                        class="fa fa-hospital-o"></span><span class="fa fa-ambulance"></span><span
                        class="fa fa-medkit"></span><span class="fa fa-fighter-jet"></span><span
                        class="fa fa-beer"></span><span class="fa fa-h-square"></span><span
                        class="fa fa-plus-square"></span><span class="fa fa-angle-double-left"></span><span
                        class="fa fa-angle-double-right"></span><span class="fa fa-angle-double-up"></span><span
                        class="fa fa-angle-double-down"></span><span class="fa fa-angle-left"></span><span
                        class="fa fa-angle-right"></span><span class="fa fa-angle-up"></span><span
                        class="fa fa-angle-down"></span><span class="fa fa-desktop"></span><span
                        class="fa fa-laptop"></span><span class="fa fa-tablet"></span><span
                        class="fa fa-mobile"></span><span class="fa fa-circle-o"></span><span
                        class="fa fa-quote-left"></span><span class="fa fa-quote-right"></span><span
                        class="fa fa-spinner"></span><span class="fa fa-circle"></span><span
                        class="fa fa-reply"></span><span class="fa fa-github-alt"></span><span
                        class="fa fa-folder-o"></span><span class="fa fa-folder-open-o"></span><span
                        class="fa fa-smile-o"></span><span class="fa fa-frown-o"></span><span
                        class="fa fa-meh-o"></span><span class="fa fa-gamepad"></span><span
                        class="fa fa-keyboard-o"></span><span class="fa fa-flag-o"></span><span
                        class="fa fa-flag-checkered"></span><span class="fa fa-terminal"></span><span
                        class="fa fa-code"></span><span class="fa fa-reply-all"></span><span
                        class="fa fa-star-half-o"></span><span class="fa fa-location-arrow"></span><span
                        class="fa fa-crop"></span><span class="fa fa-code-fork"></span><span
                        class="fa fa-chain-broken"></span><span class="fa fa-question"></span><span
                        class="fa fa-info"></span><span class="fa fa-exclamation"></span><span
                        class="fa fa-superscript"></span><span class="fa fa-subscript"></span><span
                        class="fa fa-eraser"></span><span class="fa fa-puzzle-piece"></span><span
                        class="fa fa-microphone"></span><span class="fa fa-microphone-slash"></span><span
                        class="fa fa-shield"></span><span class="fa fa-calendar-o"></span><span
                        class="fa fa-fire-extinguisher"></span><span class="fa fa-rocket"></span><span
                        class="fa fa-maxcdn"></span><span class="fa fa-chevron-circle-left"></span><span
                        class="fa fa-chevron-circle-right"></span><span class="fa fa-chevron-circle-up"></span><span
                        class="fa fa-chevron-circle-down"></span><span class="fa fa-html5"></span><span
                        class="fa fa-css3"></span><span class="fa fa-anchor"></span><span
                        class="fa fa-unlock-alt"></span><span class="fa fa-bullseye"></span><span
                        class="fa fa-ellipsis-h"></span><span class="fa fa-ellipsis-v"></span><span
                        class="fa fa-rss-square"></span><span class="fa fa-play-circle"></span><span
                        class="fa fa-ticket"></span><span class="fa fa-minus-square"></span><span
                        class="fa fa-minus-square-o"></span><span class="fa fa-level-up"></span><span
                        class="fa fa-level-down"></span><span class="fa fa-check-square"></span><span
                        class="fa fa-pencil-square"></span><span class="fa fa-external-link-square"></span><span
                        class="fa fa-share-square"></span><span class="fa fa-compass"></span><span
                        class="fa fa-caret-square-o-down"></span><span class="fa fa-caret-square-o-up"></span><span
                        class="fa fa-caret-square-o-right"></span><span class="fa fa-eur"></span><span
                        class="fa fa-gbp"></span><span class="fa fa-usd"></span><span class="fa fa-inr"></span><span
                        class="fa fa-jpy"></span><span class="fa fa-rub"></span><span class="fa fa-krw"></span><span
                        class="fa fa-btc"></span><span class="fa fa-file"></span><span
                        class="fa fa-file-text"></span><span class="fa fa-sort-alpha-asc"></span><span
                        class="fa fa-sort-alpha-desc"></span><span class="fa fa-sort-amount-asc"></span><span
                        class="fa fa-sort-amount-desc"></span><span class="fa fa-sort-numeric-asc"></span><span
                        class="fa fa-sort-numeric-desc"></span><span class="fa fa-thumbs-up"></span><span
                        class="fa fa-thumbs-down"></span><span class="fa fa-youtube-square"></span><span
                        class="fa fa-youtube"></span><span class="fa fa-xing"></span><span
                        class="fa fa-xing-square"></span><span class="fa fa-youtube-play"></span><span
                        class="fa fa-dropbox"></span><span class="fa fa-stack-overflow"></span><span
                        class="fa fa-instagram"></span><span class="fa fa-flickr"></span><span
                        class="fa fa-adn"></span><span class="fa fa-bitbucket"></span><span
                        class="fa fa-bitbucket-square"></span><span class="fa fa-tumblr"></span><span
                        class="fa fa-tumblr-square"></span><span class="fa fa-long-arrow-down"></span><span
                        class="fa fa-long-arrow-up"></span><span class="fa fa-long-arrow-left"></span><span
                        class="fa fa-long-arrow-right"></span><span class="fa fa-apple"></span><span
                        class="fa fa-windows"></span><span class="fa fa-android"></span><span
                        class="fa fa-linux"></span><span class="fa fa-dribbble"></span><span
                        class="fa fa-skype"></span><span class="fa fa-foursquare"></span><span
                        class="fa fa-trello"></span><span class="fa fa-female"></span><span
                        class="fa fa-male"></span><span class="fa fa-gratipay"></span><span
                        class="fa fa-sun-o"></span><span class="fa fa-moon-o"></span><span
                        class="fa fa-archive"></span><span class="fa fa-bug"></span><span class="fa fa-vk"></span><span
                        class="fa fa-weibo"></span><span class="fa fa-renren"></span><span
                        class="fa fa-pagelines"></span><span class="fa fa-stack-exchange"></span><span
                        class="fa fa-arrow-circle-o-right"></span><span class="fa fa-arrow-circle-o-left"></span><span
                        class="fa fa-caret-square-o-left"></span><span class="fa fa-dot-circle-o"></span><span
                        class="fa fa-wheelchair"></span><span class="fa fa-vimeo-square"></span><span
                        class="fa fa-try"></span><span class="fa fa-plus-square-o"></span><span
                        class="fa fa-space-shuttle"></span><span class="fa fa-slack"></span><span
                        class="fa fa-envelope-square"></span><span class="fa fa-wordpress"></span><span
                        class="fa fa-openid"></span><span class="fa fa-university"></span><span
                        class="fa fa-graduation-cap"></span><span class="fa fa-yahoo"></span><span
                        class="fa fa-google"></span><span class="fa fa-reddit"></span><span
                        class="fa fa-reddit-square"></span><span class="fa fa-stumbleupon-circle"></span><span
                        class="fa fa-stumbleupon"></span><span class="fa fa-delicious"></span><span
                        class="fa fa-digg"></span><span class="fa fa-pied-piper-pp"></span><span
                        class="fa fa-pied-piper-alt"></span><span class="fa fa-drupal"></span><span
                        class="fa fa-joomla"></span><span class="fa fa-language"></span><span
                        class="fa fa-fax"></span><span class="fa fa-building"></span><span
                        class="fa fa-child"></span><span class="fa fa-paw"></span><span class="fa fa-spoon"></span><span
                        class="fa fa-cube"></span><span class="fa fa-cubes"></span><span
                        class="fa fa-behance"></span><span class="fa fa-behance-square"></span><span
                        class="fa fa-steam"></span><span class="fa fa-steam-square"></span><span
                        class="fa fa-recycle"></span><span class="fa fa-car"></span><span
                        class="fa fa-taxi"></span><span class="fa fa-tree"></span><span
                        class="fa fa-spotify"></span><span class="fa fa-deviantart"></span><span
                        class="fa fa-soundcloud"></span><span class="fa fa-database"></span><span
                        class="fa fa-file-pdf-o"></span><span class="fa fa-file-word-o"></span><span
                        class="fa fa-file-excel-o"></span><span class="fa fa-file-powerpoint-o"></span><span
                        class="fa fa-file-image-o"></span><span class="fa fa-file-archive-o"></span><span
                        class="fa fa-file-audio-o"></span><span class="fa fa-file-video-o"></span><span
                        class="fa fa-file-code-o"></span><span class="fa fa-vine"></span><span
                        class="fa fa-codepen"></span><span class="fa fa-jsfiddle"></span><span
                        class="fa fa-life-ring"></span><span class="fa fa-circle-o-notch"></span><span
                        class="fa fa-rebel"></span><span class="fa fa-empire"></span><span
                        class="fa fa-git-square"></span><span class="fa fa-git"></span><span
                        class="fa fa-hacker-news"></span><span class="fa fa-tencent-weibo"></span><span
                        class="fa fa-qq"></span><span class="fa fa-weixin"></span><span
                        class="fa fa-paper-plane"></span><span class="fa fa-paper-plane-o"></span><span
                        class="fa fa-history"></span><span class="fa fa-circle-thin"></span><span
                        class="fa fa-header"></span><span class="fa fa-paragraph"></span><span
                        class="fa fa-sliders"></span><span class="fa fa-share-alt"></span><span
                        class="fa fa-share-alt-square"></span><span class="fa fa-bomb"></span><span
                        class="fa fa-futbol-o"></span><span class="fa fa-tty"></span><span
                        class="fa fa-binoculars"></span><span class="fa fa-plug"></span><span
                        class="fa fa-slideshare"></span><span class="fa fa-twitch"></span><span
                        class="fa fa-yelp"></span><span class="fa fa-newspaper-o"></span><span
                        class="fa fa-wifi"></span><span class="fa fa-calculator"></span><span
                        class="fa fa-paypal"></span><span class="fa fa-google-wallet"></span><span
                        class="fa fa-cc-visa"></span><span class="fa fa-cc-mastercard"></span><span
                        class="fa fa-cc-discover"></span><span class="fa fa-cc-amex"></span><span
                        class="fa fa-cc-paypal"></span><span class="fa fa-cc-stripe"></span><span
                        class="fa fa-bell-slash"></span><span class="fa fa-bell-slash-o"></span><span
                        class="fa fa-trash"></span><span class="fa fa-copyright"></span><span
                        class="fa fa-at"></span><span class="fa fa-eyedropper"></span><span
                        class="fa fa-paint-brush"></span><span class="fa fa-birthday-cake"></span><span
                        class="fa fa-area-chart"></span><span class="fa fa-pie-chart"></span><span
                        class="fa fa-line-chart"></span><span class="fa fa-lastfm"></span><span
                        class="fa fa-lastfm-square"></span><span class="fa fa-toggle-off"></span><span
                        class="fa fa-toggle-on"></span><span class="fa fa-bicycle"></span><span
                        class="fa fa-bus"></span><span class="fa fa-ioxhost"></span><span
                        class="fa fa-angellist"></span><span class="fa fa-cc"></span><span
                        class="fa fa-ils"></span><span class="fa fa-meanpath"></span><span
                        class="fa fa-buysellads"></span><span class="fa fa-connectdevelop"></span><span
                        class="fa fa-dashcube"></span><span class="fa fa-forumbee"></span><span
                        class="fa fa-leanpub"></span><span class="fa fa-sellsy"></span><span
                        class="fa fa-shirtsinbulk"></span><span class="fa fa-simplybuilt"></span><span
                        class="fa fa-skyatlas"></span><span class="fa fa-cart-plus"></span><span
                        class="fa fa-cart-arrow-down"></span><span class="fa fa-diamond"></span><span
                        class="fa fa-ship"></span><span class="fa fa-user-secret"></span><span
                        class="fa fa-motorcycle"></span><span class="fa fa-street-view"></span><span
                        class="fa fa-heartbeat"></span><span class="fa fa-venus"></span><span
                        class="fa fa-mars"></span><span class="fa fa-mercury"></span><span
                        class="fa fa-transgender"></span><span class="fa fa-transgender-alt"></span><span
                        class="fa fa-venus-double"></span><span class="fa fa-mars-double"></span><span
                        class="fa fa-venus-mars"></span><span class="fa fa-mars-stroke"></span><span
                        class="fa fa-mars-stroke-v"></span><span class="fa fa-mars-stroke-h"></span><span
                        class="fa fa-neuter"></span><span class="fa fa-genderless"></span><span
                        class="fa fa-facebook-official"></span><span class="fa fa-pinterest-p"></span><span
                        class="fa fa-whatsapp"></span><span class="fa fa-server"></span><span
                        class="fa fa-user-plus"></span><span class="fa fa-user-times"></span><span
                        class="fa fa-bed"></span><span class="fa fa-viacoin"></span><span
                        class="fa fa-train"></span><span class="fa fa-subway"></span><span
                        class="fa fa-medium"></span><span class="fa fa-y-combinator"></span><span
                        class="fa fa-optin-monster"></span><span class="fa fa-opencart"></span><span
                        class="fa fa-expeditedssl"></span><span class="fa fa-battery-full"></span><span
                        class="fa fa-battery-three-quarters"></span><span class="fa fa-battery-half"></span><span
                        class="fa fa-battery-quarter"></span><span class="fa fa-battery-empty"></span><span
                        class="fa fa-mouse-pointer"></span><span class="fa fa-i-cursor"></span><span
                        class="fa fa-object-group"></span><span class="fa fa-object-ungroup"></span><span
                        class="fa fa-sticky-note"></span><span class="fa fa-sticky-note-o"></span><span
                        class="fa fa-cc-jcb"></span><span class="fa fa-cc-diners-club"></span><span
                        class="fa fa-clone"></span><span class="fa fa-balance-scale"></span><span
                        class="fa fa-hourglass-o"></span><span class="fa fa-hourglass-start"></span><span
                        class="fa fa-hourglass-half"></span><span class="fa fa-hourglass-end"></span><span
                        class="fa fa-hourglass"></span><span class="fa fa-hand-rock-o"></span><span
                        class="fa fa-hand-paper-o"></span><span class="fa fa-hand-scissors-o"></span><span
                        class="fa fa-hand-lizard-o"></span><span class="fa fa-hand-spock-o"></span><span
                        class="fa fa-hand-pointer-o"></span><span class="fa fa-hand-peace-o"></span><span
                        class="fa fa-trademark"></span><span class="fa fa-registered"></span><span
                        class="fa fa-creative-commons"></span><span class="fa fa-gg"></span><span
                        class="fa fa-gg-circle"></span><span class="fa fa-tripadvisor"></span><span
                        class="fa fa-odnoklassniki"></span><span class="fa fa-odnoklassniki-square"></span><span
                        class="fa fa-get-pocket"></span><span class="fa fa-wikipedia-w"></span><span
                        class="fa fa-safari"></span><span class="fa fa-chrome"></span><span
                        class="fa fa-firefox"></span><span class="fa fa-opera"></span><span
                        class="fa fa-internet-explorer"></span><span class="fa fa-television"></span><span
                        class="fa fa-contao"></span><span class="fa fa-500px"></span><span
                        class="fa fa-amazon"></span><span class="fa fa-calendar-plus-o"></span><span
                        class="fa fa-calendar-minus-o"></span><span class="fa fa-calendar-times-o"></span><span
                        class="fa fa-calendar-check-o"></span><span class="fa fa-industry"></span><span
                        class="fa fa-map-pin"></span><span class="fa fa-map-signs"></span><span
                        class="fa fa-map-o"></span><span class="fa fa-map"></span><span
                        class="fa fa-commenting"></span><span class="fa fa-commenting-o"></span><span
                        class="fa fa-houzz"></span><span class="fa fa-vimeo"></span><span
                        class="fa fa-black-tie"></span><span class="fa fa-fonticons"></span><span
                        class="fa fa-reddit-alien"></span><span class="fa fa-edge"></span><span
                        class="fa fa-credit-card-alt"></span><span class="fa fa-codiepie"></span><span
                        class="fa fa-modx"></span><span class="fa fa-fort-awesome"></span><span
                        class="fa fa-usb"></span><span class="fa fa-product-hunt"></span><span
                        class="fa fa-mixcloud"></span><span class="fa fa-scribd"></span><span
                        class="fa fa-pause-circle"></span><span class="fa fa-pause-circle-o"></span><span
                        class="fa fa-stop-circle"></span><span class="fa fa-stop-circle-o"></span><span
                        class="fa fa-shopping-bag"></span><span class="fa fa-shopping-basket"></span><span
                        class="fa fa-hashtag"></span><span class="fa fa-bluetooth"></span><span
                        class="fa fa-bluetooth-b"></span><span class="fa fa-percent"></span><span
                        class="fa fa-gitlab"></span><span class="fa fa-wpbeginner"></span><span
                        class="fa fa-wpforms"></span><span class="fa fa-envira"></span><span
                        class="fa fa-universal-access"></span><span class="fa fa-wheelchair-alt"></span><span
                        class="fa fa-question-circle-o"></span><span class="fa fa-blind"></span><span
                        class="fa fa-audio-description"></span><span class="fa fa-volume-control-phone"></span><span
                        class="fa fa-braille"></span><span class="fa fa-assistive-listening-systems"></span><span
                        class="fa fa-american-sign-language-interpreting"></span><span class="fa fa-deaf"></span><span
                        class="fa fa-glide"></span><span class="fa fa-glide-g"></span><span
                        class="fa fa-sign-language"></span><span class="fa fa-low-vision"></span><span
                        class="fa fa-viadeo"></span><span class="fa fa-viadeo-square"></span><span
                        class="fa fa-snapchat"></span><span class="fa fa-snapchat-ghost"></span><span
                        class="fa fa-snapchat-square"></span><span class="fa fa-pied-piper"></span><span
                        class="fa fa-first-order"></span><span class="fa fa-yoast"></span><span
                        class="fa fa-themeisle"></span><span class="fa fa-google-plus-official"></span><span
                        class="fa fa-font-awesome"></span><span class="fa fa-handshake-o"></span><span
                        class="fa fa-envelope-open"></span><span class="fa fa-envelope-open-o"></span><span
                        class="fa fa-linode"></span><span class="fa fa-address-book"></span><span
                        class="fa fa-address-book-o"></span><span class="fa fa-address-card"></span><span
                        class="fa fa-address-card-o"></span><span class="fa fa-user-circle"></span><span
                        class="fa fa-user-circle-o"></span><span class="fa fa-user-o"></span><span
                        class="fa fa-id-badge"></span><span class="fa fa-id-card"></span><span
                        class="fa fa-id-card-o"></span><span class="fa fa-quora"></span><span
                        class="fa fa-free-code-camp"></span><span class="fa fa-telegram"></span><span
                        class="fa fa-thermometer-full"></span><span
                        class="fa fa-thermometer-three-quarters"></span><span
                        class="fa fa-thermometer-half"></span><span class="fa fa-thermometer-quarter"></span><span
                        class="fa fa-thermometer-empty"></span><span class="fa fa-shower"></span><span
                        class="fa fa-bath"></span><span class="fa fa-podcast"></span><span
                        class="fa fa-window-maximize"></span><span class="fa fa-window-minimize"></span><span
                        class="fa fa-window-restore"></span><span class="fa fa-window-close"></span><span
                        class="fa fa-window-close-o"></span><span class="fa fa-bandcamp"></span><span
                        class="fa fa-grav"></span><span class="fa fa-etsy"></span><span class="fa fa-imdb"></span><span
                        class="fa fa-ravelry"></span><span class="fa fa-eercast"></span><span
                        class="fa fa-microchip"></span><span class="fa fa-snowflake-o"></span><span
                        class="fa fa-superpowers"></span><span class="fa fa-wpexplorer"></span><span
                        class="fa fa-meetup"></span></div>
                  </div>
                </div>
              </div>
            </div>
            <div class="form-group">
              <input id="btn-add" type="button" class="btn btn-primary" value="添加">
            </div>
          </form>
        </div>
        <div class="col-md-8">
          <div class="page-action">
            <!-- show when multiple checked -->
            <a class="btn btn-danger btn-sm" href="javascript:;" style="display: none">批量删除</a>
          </div>
          <table class="table table-striped table-bordered table-hover">
            <thead>
              <tr>
                <th class="text-center" width="40"><input type="checkbox"></th>
                <th>名称</th>
                <th>Slug</th>
                <th>图标</th>
                <th>是否在导航显示</th>
                <th class="text-center">操作</th>
              </tr>
            </thead>
            <tbody>
              <% for(var i =0; i < arr.length; i++) { %>
                <tr data-id="<%=arr[i].id%>">
                  <td class="text-center"><input type="checkbox"></td>
                  <td><%=arr[i].name%></td>
                  <td><%=arr[i].slug%></td>
                  <td><i class="fa <%=arr[i].classname%>"></i></td>
                  <td>
                    <% if(arr[i].isShow == 0) { %>
                    <a href="javascript:;" class="btn btn-success btn-sm">显示</a>&nbsp;&nbsp;&nbsp;&nbsp;<span
                      class="text-warning">当前没有在网站导航中显示</span>
                    <% } else if(arr[i].isShow == 1) { %>
                      <a href="javascript:;" class="btn btn-warning btn-sm">隐藏</a>&nbsp;&nbsp;&nbsp;&nbsp;<span
                      class="text-success">当前在网站导航中显示</span>
                    <% } %>
                  </td>
                  <td class="text-center">
                    <a href="javascript:;" class="btn btn-info btn-sm">编辑</a>
                    <a href="javascript:;" class="btn btn-danger btn-sm">删除</a>
                  </td>
                </tr>
                <% } %>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>

  <div class="modal fade" id="modelId" tabindex="-1" role="dialog" aria-labelledby="modelTitleId" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
          <div class="modal-header">
              <h5 class="modal-title">Modal title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
            </div>
        <div class="modal-body">
          <div class="container-fluid">
            Add rows here
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
          <button id="btn-sure" type="button" class="btn btn-primary">确定</button>
        </div>
      </div>
    </div>
  </div>
  

  

  <%- include('layouts/admin_aside');%>

  <%- include('layouts/admin_footer');%>
  <script src="/assets/vendors/art-template/template-web.js"></script>
  <script src="/assets/js/admin_category.js"></script>
  <script type="text/template" id="tp">
    <tr>
      <td class="text-center"><input type="checkbox"></td>
      <td>{{name}}</td>
      <td>{{slug}}</td>
      <td><i class="fa {{classname}}"></i></td>
      <td>
        {{ if (isShow == 0) }}
        <a href="javascript:;" class="btn btn-success btn-sm">显示</a>&nbsp;&nbsp;&nbsp;&nbsp;<span
          class="text-warning">当前没有在网站导航中显示</span>
          {{ else if (isShow == 1) }}
          <a href="javascript:;" class="btn btn-warning btn-sm">隐藏</a>&nbsp;&nbsp;&nbsp;&nbsp;<span
          class="text-success">当前在网站导航中显示</span>
          {{/if}}
      </td>
      <td class="text-center">
        <a href="javascript:;" class="btn btn-info btn-sm">编辑</a>
        <a href="javascript:;" class="btn btn-danger btn-sm">删除</a>
      </td>
    </tr>
  </script>

  